<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Error</title>
	<style>
		.container {
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.error-icon {
			width: 100rpx;
			height: 100rpx;
		}
		
		.error-icon img {
			width: 100%;
			height: 100%;
		}
		
		.error-content {
			font-size: 14px;
			text-align: center;
			margin-top: 5px;
		}
		
		#content {
			color: #ffc53d;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="container-body">
			<div class="error-icon">
				<img src="../../static/img/load_err.png" alt="">
			</div>
			<div class="error-content">
				<span>请求的页面</span>
				<span id="content"></span>
				<span>无法打开</span>
			</div>
		</div>
	</div>
	<script>
		window.onload = function() {
			
			document.addEventListener("error", function(e){
				var url = e.url;  // 错误页面的url地址
			 	var href = e.href; // 错误页面的完整路径（包括完整的协议头）
				let el = document.getElementById('content');
				el.innerHTML = url;
			},false);
		}
	</script>
</body>
</html>